{% extends "base_tmp.html" %}

{% block css %}

<!-- css -->
<link rel="stylesheet" type="text/css" href="http://yanshi.sucaihuo.com/modals/40/4070/demo/css/index.css">
<link href="http://yanshi.sucaihuo.com/modals/40/4070/demo/css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />


<!-- js -->
<script type="text/javascript" src="http://yanshi.sucaihuo.com/modals/40/4070/demo/js/jquery.js"></script>
<script type="text/javascript" src="http://yanshi.sucaihuo.com/modals/40/4070/demo/js/public.js"></script>
<script type="text/javascript" language="javascript" src="http://yanshi.sucaihuo.com/modals/40/4070/demo/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="http://yanshi.sucaihuo.com/modals/40/4070/demo/js/jquery.skitter.min.js"></script>
{% endblock %}

{% block content %}

	<div class="content" style="margin-top: 100px">
		<div class="wid_con loginbox">
			<div class="border_box">
				<div class="box_skitter box_skitter_large">
					<ul>
						<li><img src="http://yanshi.sucaihuo.com/modals/40/4070/demo/images/login_pic01.jpg" class="cube" /></li>
{#						<li><img src="http://yanshi.sucaihuo.com/modals/40/4070/demo/images/case_bg.jpg" class="cubeRandom" /></li>#}
{#						<li><img src="http://yanshi.sucaihuo.com/modals/40/4070/demo/images/banner1.jpg" class="cubeStop" /></li>#}
					</ul>
				</div>
			</div>
			<form class="login_con" action="{% url 'user:login' %}" method="post">
				<h1>用户注册</h1>
				<div class="text_box">
					<div>
						<div><i><img src="http://yanshi.sucaihuo.com/modals/40/4070/demo/images/icon01.png"></i>{{ form.username }}</div>
						<div><i><img src="http://yanshi.sucaihuo.com/modals/40/4070/demo/images/icon02.png"></i>{{ form.password }}</div>
                        <div><i><img src="http://yanshi.sucaihuo.com/modals/40/4070/demo/images/icon02.png"></i>{{ form.email }}</div>
						<div class="yzm">
							<i><img src="http://yanshi.sucaihuo.com/modals/40/4070/demo/images/icon03.png"></i>{{ form.captcha.TextInput }}
{#							<label>{{ form.captcha }}</label>#}
						</div>
						<h3>
							<a href="#">忘记密码？</a>
							<a href="#">没有帐号？免费注册！</a>
						</h3>
						<button type="submit">登 录</button>
					</div>
				</div>
			</form>
		</div>
	</div>




{#<!--内容-->#}
{#<div class="container" style="margin-top:76px">#}
{#    <div class="row">#}
{#        <div class="col-md-12">#}
{#            <div class="panel panel-info">#}
{#                <div class="panel-heading">#}
{#                    <h3 class="panel-title"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;会员注册</h3>#}
{#                </div>#}
{#                <div class="panel-body">#}
{##}
{#                    <form action="{% url 'user:register' %}" method="post" class="smart-green">#}
{##}
{#                        <h1>用户注册</h1>#}
{##}
{#                        <!--#}
{#                        {{ form.as_p }}#}
{#                        -->#}
{##}
{#                       {{ form.username.label }}#}
{#                       {{ form.username }}#}
{#                        <a style="color: red">{{ form.username.errors }}</a>#}
{##}
{#                        {{ form.password.label }}#}
{#                       {{ form.password }}#}
{#                       <a style="color: red">{{ form.password.errors }}</a>#}
{##}
{#                       {{ form.email.label }}#}
{#                       {{ form.email }}#}
{#                        {{ form.email.errors }}#}
{##}
{#                        {{ form.captcha.errors }}#}
{#                      {{ form.captcha.label_tag }}#}
{#                      {{ form.captcha }}#}
{##}
{#                         {% if messages %}#}
{#                           <ul>#}
{#                              {% for msg in messages %}#}
{#                                <li style="color: red">{{msg.message}}</li>#}
{#                               {% endfor %}#}
{#                           </ul>#}
{#                        {% endif %}#}
{##}
{#                        <div class="success-msg"></div>#}
{#                        <label>#}
{#                            <span>&nbsp;</span>#}
{#                            <input type="submit" class="button" value="提交注册"/>#}
{#                        </label>#}
{##}
{#                        <label>#}
{#                            <span>已有账号？请点击 <a href="{% url 'user:login' %}">登录</a></span>#}
{#                        </label>#}
{##}
{#                    </form>#}
{##}
{#                </div>#}
{#            </div>#}
{#        </div>#}
{##}
{#    </div>#}
{#</div>#}
{#<!--内容-->#}

{% endblock %}

{% block js %}

    <script type="text/javascript" language="javascript">
	$(document).ready(function() {
		$('.box_skitter_large').skitter({
			theme: 'clean',
			numbers_align: 'center',
			progressbar: false,
			dots: true,
			preview: true,
			stop_over:false,
		});
	});
</script>


{% endblock %}

